<template>
	<div class="header">
		<router-link :to='toUrl'>
			<div class="header-left iconfont">&#xe623;</div>
		</router-link>
		<div class="header-center">{{title}}</div>
	</div>
</template>
<script>
export default {
	name: 'AreaGameHeader',
	data: function(){
		return {
			toUrl:'/home1',
			title:'地区赛事'
		}
	},
	activated () {
	    const routerName = this.$route.query.name
	    if (routerName) {
	    	this.toUrl = '/AreaGame'
	    	this.title = routerName
	    }
      
    }
};
</script>

<style lang="less" scoped>
	@import '~styles/header.less';
</style>